<link href="etc/zui/docs/css/zui.min.css" rel="stylesheet">
<link href="etc/zui/docs/css/doc.min.css" rel="stylesheet">
<style id="themeStyle"></style>

<link rel="shortcut icon" href="etc/zui/favicon.ico" type="image/x-icon">
<link rel="icon" href="etc/zui/favicon.ico" type="image/x-icon">

<!--[if lt IE 9]>
<script src="dist/lib/ieonly/html5shiv.js"></script>
<script src="dist/lib/ieonly/respond.js"></script>
<script src="dist/lib/ieonly/excanvas.js"></script>
<![endif]-->
<script type='text/javascript' src='etc/cmn/cmn.js'></script>
<link href="etc/cmn/cmn.css" rel="stylesheet">

<!-- head包usr.js -->
<header class="navbar navbar-fixed-top navbar-inverse"  style='margin-bottom: 0px;background-color: #0283fb;height:80px;opacity:.9;*filter:alpha(opacity=90);'>
  <div style='padding-left: 40px;padding-right: 40px'>
    <div class="navbar-header">
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="#" class="navbar-brand" style='color: #fff;height: 80px;line-height: 60px;padding-top:10px;padding-bottom: 10px;'><img alt="Brand" src="etc/CuPlayerV4/player/images/zhian2.png" style="height:60px"></a>
      <a href="#" class="navbar-brand" style='color: #fff;height: 80px;line-height: 60px;padding-top:10px;padding-bottom: 10px'>|&nbsp;&nbsp;&nbsp;&nbsp;质量与安全工程学院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;COLLEGE OF QUALITY & SAFETY ENGINEERING</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" style='height: 80px;line-height: 50px'>
      <ul class="nav navbar-nav navbar-right" style='height: 80px;line-height: 50px'>
					
			<li style='height: 80px;line-height: 50px'>
				<a  href='index.html' style="color: #fff;height:80px;line-height: 50px">首页</a>
			</li>

			<li style='height: 80px;line-height: 50px'>
				<a href='http://www.cjlu.edu.cn' style="color: #fff;height:80px;line-height: 50px">学校主页</a>
			</li>	

			<li style='height: 80px;line-height: 50px'>
				<a  onclick='showmodal_contact()' style="color: #fff;height:80px;line-height: 50px" class='cursorpoint'>联系我们</a>
			</li>		
			<!-- <li style='height: 80px;line-height: 50px'>
				<a  onclick='history.go(-1)' style="color: #fff;height:80px;line-height: 50px">|</a>
			</li>
			<li style='height: 80px;line-height: 50px'>
				<a  onclick='showmodal()' style="color: #fff;height:80px;line-height: 50px" class='cursorpoint'><i class='glyphicon glyphicon-user '></i> 平台登录</a>
			</li> -->
			
			
				
			
		</ul>
    </nav>
  </div>
</header>

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal_contact" id='modal_contact' style='display: none'>
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal_contact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document" style='top:100px'>
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">联系我们</h4>
      </div>
      <div class="modal-body" style='font-size: 18px'>
        <p><i class='glyphicon glyphicon-phone-alt'></i> 招生热线：0571-87676302</p>
        <p><i class='glyphicon glyphicon-phone-alt'></i> 招生热线：0571-87676227</p>
        <p><i class='glyphicon glyphicon-home'></i> 网址：<a href="http://zaxy.cjlu.edu.cn/">http://zaxy.cjlu.edu.cn/</a></p>
      </div>
      <div class='col-md-12'><a class='btn btn-success btn-lg' href='__URL__/lxdt'>来校方式</a></div>
      <div class='clearfix' style="height:50px"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
  function showmodal_contact(){
    $('#modal_contact').trigger('click');
  }
</script>

<!-- <header class="navbar navbar-fixed-top navbar-inverse" id='divhd' style='margin-bottom: 0px;' style='background-color:#333'>
  <div style='padding-left: 20px;padding-right: 20px'>
    <div class="navbar-header" >
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="__ROOT__/index.php" class="navbar-brand">★质安学院欢迎你</a>
    </div>

  </div>
</header> -->

<script type="text/javascript" src="etc/clipboard/dist/clipboard.min.js"></script>
 <script>

var clipboardhead = new Clipboard('#trueheadclip');

clipboardhead.on('success', function(e) {
    // msg('复制成功');
    $('#slink').popover('hide');
    console.log(e);
});

clipboardhead.on('error', function(e) {
    console.log(e);
});
</script>
<script>

function triggerTrueClip(){
	$('#trueheadclip').trigger('click');
}

$(function(){

	//header背景颜色
	$('header').css('background-color','#0283fb');

	var url=window.location.href;
	// $('#slink').popover('hide');//先hide一下不然要点两次才会出来
	var slinkovertime=0;
	$('#slink').mouseover(function(){
		slinkovertime++;
		if(slinkovertime>1){return;}
		$.ajax({
            'type': 'GET',
            'url': "__APP__/Tool/shortlink",
            'async':false,  
            'contentType': 'application/json',
            'data': {'url':url},
            'dataType': 'json',
            'success': function(data) {
            	
            	$('#slink').attr('data-content',"<div style='width:200px'>"+data['slink']+"&nbsp;&nbsp;&nbsp;<button class='btn btn-info btn-mini' onclick='triggerTrueClip()'>复制</button>"+'</div>');
				$('#slinkTxt').html(data['slink']);
             	// $('#slink').popover();
                console.log("success");
            },
            'error':function() {

                console.log("error");
            }
        });
// $(this).popover();
		
		
	})

	var qrovertime=0;
	$('#qrcode').mouseover(function(){
		qrovertime++;
		if(qrovertime>1){return;}
		$.ajax({
            'type': 'GET',
            'url': "__APP__/Tool/qrcode",
            'async':false,  
            'contentType': 'application/json',
            'data': {'url':url},
            'dataType': 'json',
            'success': function(data) {

            	$('#qrcode').attr('data-content',"<div style='width:200px'><img src='data:image/png;base64,"+data['img']+"'></div>");
            	
                console.log("success");
            },
            'error':function() {

                console.log("error");
            }
        });
// $(this).popover();
		
		
	})
	

	$('#usr_loginout').click(function(){
		$.ajax({
            'type': 'GET',
            'url': dologinout,
            'async':false,  
            'contentType': 'application/json',
            'data': {},
            'dataType': 'json',
            'success': function(data) {
            	window.location.href='__APP__';
             
                console.log("success");
            },
            'error':function() {
                console.log("error");
            }
        });
	})
})
</script>
<script>
    function webClock(){
		var dNow=new Date();
		var dHours=dNow.getHours();
		var dMinutes=dNow.getMinutes();
		var dSeconds=dNow.getSeconds();
		webTime=((dHours<10) ? "0" : "")+dHours;
		webTime+=((dMinutes<10) ? ":0" : ":")+dMinutes;
		webTime+=((dSeconds<10) ? ":0" : ":")+dSeconds;
		var dDate=dNow.getDate();
		var dMonth=dNow.getMonth() + 1;
		var dYear=dNow.getFullYear();
		webDate=dYear;
		webDate+="/"+dMonth;
		webDate+=((dDate<10) ? "/0" : "/")+dDate;
		
		$('#time1').html(webDate+' '+webTime);
		setTimeout("webClock()",1000);
	}
	webClock();
</script>
<script type="text/javascript">
$(function(){
	$('#transfer').click(function(){
		var obj=new Object();
		obj['enclink']=$('#enclink').val();
		$.ajax({
            'type': 'GET',
            'url': dotransfer,
            'async':false,  
            'contentType': 'application/json',
            'data': obj,
            'dataType': 'json',
            'success': function(data) {
            	new $.zui.Messager(data['html'], {
			        icon: 'bell' // 定义消息图标
			        ,time:0
			    }).show();
             
                console.log("success");
            },
            'error':function() {
                console.log("error");
            }
        });
	})
})
</script>

<!--#################-->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal_h5occur" style='display:none' id='modal_h5occur'>
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal" id="myModal_h5occur" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
      <button type="button" class="close close_h5occur" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" id='close_h5occur'>&times;</span></button>
      <h4 class="modal-title">填入对应的H5代码</h4>
    </div>
      <div class="modal-body">
        <textarea class="form-control" id='h5code'></textarea>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-success" id='doh5trans'  >点击转化</button>
        
      </div>
    </div>
  </div>
</div>
<script>
$(function(){
	$('#h5occur').click(function(){
		$('#modal_h5occur').trigger('click');
	})
	$('#doh5trans').click(function(){
		$('#close_h5occur').trigger('click');
		msg($('#h5code').val());
	})
})
</script>